/*  通配符选择器 表示所有选择器都使用这个样式
*{
  color: red;
} */

/* 属性选择器 */
/* 选中所有具有href属性的元素 */
/* [href]{
  color: red;
} */

/* 选择对应属性值为指定的元素选择器 */
/* [href="https://www.sina.com"] {
  color: red;
} */

/* 鼠标悬停时的a元素 */
/* a:hover {
  color: red;
} */

/* 鼠标按下时的a元素 */
/* a:active {
  color: green;
} */

/* 现在这个span元素之前生成一个子元素 */
/* span::before {
  content: "《";
} */

/* 现在这个span元素之后生成一个子元素 */
/* span::after {
  content: "》";
} */

/* 精准选择 中间为空格连接 表示选择 属性为abc元素中 所有后代元素中属性为bcd的元素 */
/* .abc .bcd {
  color: blue;
} */

/* 子元素选择 */
/* div>ul>li {
  color: #008c8c;
} */

/* 兄弟元素 选中元素的下一个元素  */
.special {
  color: red;
}

/* .special+li {
  color: blue;
} */

/* 兄弟元素 选中元素的后面的元素  */
.special~li,
/* 快捷方式 当两个选择器中的样式一致时 */
p {
  color: blue;
}